<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <title>ceshi</title>
  <meta name="keywords" content="耐瑞德坡口机械" />
  <meta name="description" content="耐瑞德坡口机械" />
  <link rel="Shortcut Icon" href="/favicon.ico" />
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="./static/css/animate.css">
  <link rel="stylesheet" href="/static/iconfont/iconfont.css">
  <link rel="stylesheet" href="./static/css/jquery.fullPage.css">
  <link rel="stylesheet" href="./static/css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="./static/css/css.css">
  <link rel="stylesheet" href="./static/css/index.css">
  <style>
    .vbg {
      opacity: 1;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url() no-repeat center center / cover;
      z-index: 999;
      animation-duration: 800ms;
      pointer-events: none;
    }
  </style>
</head>

<body data-ind="0" ontouchstart="">
  <style>
    table {
      margin: 0px auto;
    }
    @media (max-width: 768px) {
      body {
        padding-top: 60px !important;
      }
    }
    @media (min-width: 992px) {
      .header-code-text-pc {
        color: #fff !important;
      }
    }
  </style>
  <!--#include file="/public/html/header.html"-->
  <div class="leg"></div>
  <div class="wow fadeOut vbg" data-wow-delay="1000ms"></div>
  <div id="fullpage" style="opacity:0">
    <div class="ind_a section">
      <div class="swiper-container" id="bannerSwiper" style="width:100%;height:100%;">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="/static/image/home/banner1.jpg" alt="" style="height:100%;width:100%;">
          </div>
          <div class="swiper-slide">
            <img src="/static/image/home/banner2.jpg" alt="" style="height:100%;width:100%;">
          </div>
          <div class="swiper-slide">
            <img src="/static/image/home/banner3.jpg" alt="" style="height:100%;width:100%;">
          </div>
        </div>
      </div>
      <img src="/static/image/home/pic_01.png" alt="" class="fixed-banner-img">
      <div class="indiv indiv-img">
        <!-- <div class="title">专注于检测仪器解决方案</div>
        <div class="text">多年专业检测仪器资质行业经验 <br>
          让检测变得更简单 · 让生活变得更安全！</div> -->
        <div class="custom-btn-box">
          <a href="./html/company.html" rel="noopener noreferrer" class="btn lt-btn"><i
              class="iconfont icon-shangdian"></i>加入施耐德</a>
          <a href="./html/company.html" rel="noopener noreferrer" class="btn lt-btn"><i
              class="iconfont icon-a-ziyuan127"></i>店铺链接</a>
          <a href="./html/company.html" rel="noopener noreferrer" class="btn lt-btn"><i
              class="iconfont icon-fuwuchengnuo"></i>服务承诺</a>
          <a href="tencent://message/?uin=3003430587&Site=在线QQ&Menu=yes" rel="noopener noreferrer"
            class="btn rt-btn zx"><i class="iconfont icon-shouye"></i>售后服务</a>
        </div>
      </div>
    </div>
    <div class="ind_b section" style="background: url(/static/image/home/banner2.jpg) no-repeat center center / cover;">
      <div class="wrap">
        <div class="indiv">
          <div class="title">做坡口行业的<span>领跑者</span></div>
          <div class="text">
            领先的技术，卓越的产品<br />
            精湛的一体化设计，柔美的线条转角与科技完美结合，给您带来非同一般的品质
          </div>
          <div class="btn-box">
            <a href="tencent://message/?uin=3003430587&Site=在线QQ&Menu=yes" rel="noopener noreferrer"
              class="btn rt-btn zx">技术支持</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">使用案例</a>
          </div>
        </div>
      </div>
    </div>
    <div class="ind_c ind_e section"
      style="background: url(/static/image/home/banner3.jpg) no-repeat center center / cover;">
      <div class="wrap footer-wrap">
        <div class="indiv">
          <div class="title">视频使用案例</div>
          <div class="text" style="width:50%;margin:0 auto;">公司始终把焊前使用坡口设备和坡口刀具作为开发和研究的重点同事在研发和生产及营销上不断的创新
          </div>
          <div class="arrow">
            <img src="/static/image/home/down-arrow.png" alt="">
          </div>
          <div class="swiper-box">
            <div class="btn prev_news">
              <img src="/static/picture/prev_jt_01.png" alt="">
            </div>
            <div class="btn next_news">
              <img src="/static/picture/next_jt_01.png" alt="">
            </div>
            <div class="swiper-container" id="news">
              <div class="swiper-wrapper">
                <div class="swiper-slide hoverbtn">
                  <iframe style="display:block;width:100%;height:100%;" frameborder="0" src="https://www.ixigua.com/iframe/7024830894753972772?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>
                </div>
                <div class="swiper-slide hoverbtn">
                  <iframe style="display:block;width:100%;height:100%;" frameborder="0" src="https://www.ixigua.com/iframe/7024830894753972772?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>
                </div>
                <div class="swiper-slide hoverbtn">
                  <iframe style="display:block;width:100%;height:100%;" frameborder="0" src="https://www.ixigua.com/iframe/7024830894753972772?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>
                </div>
                <div class="swiper-slide hoverbtn">
                  <iframe style="display:block;width:100%;height:100%;" frameborder="0" src="https://www.ixigua.com/iframe/7024830894753972772?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>
                </div>
              </div>
            </div>
            <div class="swiper-pagination mobanner" id="newsSP"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="ind_d section" style="background: url(/static/image/home/banner4.jpg) no-repeat center center / cover;">
      <div class="wrap footer-wrap">
        <div class="indiv">
          <div class="title black-color">产品中心</div>
          <div class="produt-img">
            <img src="/static/image/home/product-img.png" alt="">
          </div>
          <div class="text black-color">
            领先的技术，卓越的产品<br />
            精湛的一体化设计，柔美的线条转角与科技完美结合，给您带来非同一般的品质
          </div>
          <div class="btn-box">
            <a href="tencent://message/?uin=3003430587&Site=在线QQ&Menu=yes" rel="noopener noreferrer"
              class="btn rt-btn zx">自动行走坡口机</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">小板材坡口机</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">曲线坡口机</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">便携式坡口机</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">外卡式圆管坡口机</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">内涨式圆管坡口机</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">行星式圆管坡口机</a>
            <a href="/fuwuwangdian.html" rel="noopener noreferrer" class="btn lt-btn">无上限圆管坡口机</a>
          </div>
        </div>
        <a href="#" class="pro-01 pro-img">
          <img src="/static/image/home/pro01.png" alt="">
        </a>
        <a href="#" class="pro-02 pro-img">
          <img src="/static/image/home/pro02.png" alt="">
        </a>
        <a href="#" class="pro-03 pro-img">
          <img src="/static/image/home/pro03.png" alt="">
        </a>
        <a href="#" class="pro-04 pro-img">
          <img src="/static/image/home/pro04.png" alt="">
        </a>
      </div>
    </div>
    <div class="ind_d section ind_d-logo" style="background: url(/static/image/home/banner5.jpg) no-repeat center center / cover;">
      <div class="wrap">
        <div class="indivs">
          <div class="title">合作客户</div>
          <div class="te">科学工艺流程控制和严格质量检测，为客户创造实在并且持久的价值</div>
          <div class="swiper-box clearfix">
            <div class="sbox">
              <div class="swiper-container" id="partnerSwiper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="./static/hz/1.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/2.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/3.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/4.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/5.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/6.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/7.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/8.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/9.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/10.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/11.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/12.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/8.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/9.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/10.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/11.jpg" alt="">
                  </div>
                  <div class="swiper-slide">
                    <img src="./static/hz/12.jpg" alt="">
                  </div>
                </div>
              </div>
              <div class="control-box">
                <div class="box clearfix">
                  <div class="btn prev_partnerSwiper">
                    <img src="./static/picture/prev_jt_01.png" alt="">
                  </div>
                  <div class="btn next_partnerSwiper">
                    <img src="./static/picture/next_jt_01.png" alt="">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--#include file="/public/html/footer.html"-->
  </div>
  <div class="fixed-nav">
    <div class="fixed-nav-item scroll-top">
      <i class="iconfont icon-shangyi"></i>
    </div>
  </div>
</body>
<script src="./static/js/swiper-3.4.2.min.js"></script>
<script src="./static/js/jquery-1.11.3.min.js"></script>
<script src="./static/js/jquery.fullPage.min.js"></script>
<script src="./static/js/wow.min.js"></script>
<script src="./static/js/common.js"></script>
<script>
  $(function () {
    if (winW() > 768) {
      creatFullPage()
      // var tm = null;
      // var vid = document.getElementsByTagName("video")[0];
      // vid.addEventListener("play", function () {
      //   clearInterval(tm);
      // })
      tm = setInterval(function () {
        var footerh = $('footer').css('height')
        $('#footer').css('height', footerh)
        // vid.play();
      }, 400)

    }
    setTimeout(function () {
      $("#fullpage").css("opacity", 1)
      
    }, 400)

    calcInd_width();

    var bannerSwiper = creatSwiper("#bannerSwiper", {
      slidesPerView: 1,
      autoplay: 5000
    })
    var partnerSwipers = creatSwiper("#partnerSwiper", {
      slidesPerView: 4,
      slidesPerColumn: 3,
      spaceBetween: 50,
      breakpoints: {
        1366: {
          spaceBetween: 25
        },
        768: {
          slidesPerView: 2,
          slidesPerGroup: 2,
          slidesPerColumn: 3,
          spaceBetween: 20
        }
      }
    })
    var news = creatSwiper("#news", {
      slidesPerView: 3,
      slidesPerGroup: 3,
      spaceBetween: 25,
      // autoplay: 6000,
      breakpoints: {
        768: {
          slidesPerView: 1,
          slidesPerGroup: 1
        }
      }
    })
    hidden()
  })
  var bl = 1920 / 950;

  function calcInd_width() {
    $(".ind_d .bgimg").css("width", $(".ind_d .bgimg .bg").width() + 'px');
    // 宽度:100%;height:auto;
    if (window.innerWidth / window.innerHeight > bl) {
      $(".ind_d .bgimg").addClass('bl1');
      $(".ind_d .bgimg").css("height", (window.innerWidth / bl) + 'px');
    } else {
      $(".ind_d .bgimg").addClass('bl2');
      $(".ind_d .bgimg").css("width", (window.innerHeight * bl) + 'px');
    }
  }

  //设置高度
  setTimeout(function() {
    var _width = parseInt( $('#news .swiper-wrapper .swiper-slide').eq(0).css('width') )
    $('#news .swiper-wrapper').css('height',_width *9 /16 +'px' )
  },500)
</script>

</html>